<template>
    <div class="userAndActive">
        <el-row :gutter="10" class="h100">
            <el-col :span="6" class="h100">
                <Title style="margin-top: 20px;">用户数据</Title>
                <userData></userData>
            </el-col>
            <el-col :span="18" class="h100">
                <Title style="margin-top: 20px;" :width="467">活跃数据</Title>
                <activeDataVue></activeDataVue>
            </el-col>
        </el-row>
    </div>
</template>
<script setup>
import Title from './title.vue';
import userData from './userData.vue';
import activeDataVue from './activeData.vue';
</script>
<style lang="scss" scoped>
.userAndActive {
    height: 100%;

    .h100 {
        height: 100%;
    }
}
</style>